.msform {
                text-align: center;
                position: relative;
                margin-top: 20px
            }

                .msform fieldset {
                    border: 0 none;
                    border-radius: 0.5rem;
                    box-sizing: border-box;
                    width: 100%;
                    margin: 0;
                    padding-bottom: 20px;
                    position: relative
                }


            .msform fieldset:not(:first-of-type) {
                display: none
            }

            .msform input,
            .msform textarea {
                padding: 8px 15px 8px 15px;
                border: 1px solid #ccc;
                border-radius: 0px;
              /*  margin-bottom: 25px;
                margin-top: 2px;*/
                width: 100%;
                box-sizing: border-box;
                font-family: montserrat;
                color: #2C3E50;
                background-color: #ECEFF1;
                font-size: 16px;
                letter-spacing: 1px
            }

                .msform input:focus,
                .msform textarea:focus {
                  /*  -moz-box-shadow: none !important;
                    -webkit-box-shadow: none !important;
                    box-shadow: none !important;
                    border: 1px solid #673AB7;
                    outline-width: 0*/
                }

                .msform .action-button {
                    width: 130px;
                    background: #316a5b;
                    font-weight: bold;
                    color: white;
                    border-radius: 0px;
                    cursor: pointer;
                    margin: 10px 0px 10px 5px;
                    float: left;
                    height: 39px;
                    border-bottom: 3px solid #204239;
                }

                .msform .action-button:hover,
                .msform .action-button:focus {
                    background-color: #27463e;
                }

                .msform .action-button-previous {
                    width: 130px;
                    background: #616161;
                    font-weight: bold;
                    color: white;
                    border-radius: 0px;
                    cursor: pointer;
                    padding: 10px 5px;
                    margin: 10px 5px 10px 0px;
                    float: right;
                    height: 39px;
                    border-bottom: 3px solid #383838;
                }

                .msform .action-button-previous:hover,
                .msform .action-button-previous:focus {
                    background-color: #000000
                }

            .progress-bar-animated {
                -webkit-animation: progress-bar-stripes 1s linear infinite;
                animation: progress-bar-stripes 1s linear infinite;
            }
            .card {
                z-index: 0;
                border: none;
                position: relative
            }

.fs-title {
    font-size: 14px;
    color: #316a5b;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: bold;
    text-align: right;
    direction: rtl;
}


.steps {
    font-size: 18px;
    color: gray;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    direction: rtl;
    /*text-shadow: 1px 1px 0px #ffffffc2, 2px 2px 2px #00000096;*/
}
            }

            .fieldlabels {
                color: gray;
                text-align: right;
            }

            .progress {
                display: -ms-flexbox;
                display: flex;
                height: 1rem;
                overflow: hidden;
                font-size: .75rem;
                background-color: #d6d6d6;
                border-radius: .25rem;
                float: right;
                width: 100%;
                /* transform: rotate(180deg);*/
            }

            .progressbar {
                margin-bottom: 30px;
                overflow: hidden;
                color: lightgrey float: right;
                width: 100%;
            }

                .progressbar .active {
                    color: #1f453b;
                }

            .steps1 li {
                width: 100%;
            }

            .steps2 li {
                width: 50%;
            }

            .steps3 li {
                width: 33.33333333333333%;
            }

            .steps4 li {
                width: 25%;
            }

            .steps5 li {
                width: 20%;
            }

            .steps6 li {
                width: 16.66666666666667%;
            }

            .steps7 li {
                width: 14.28571428571429%;
            }

            .steps8 li {
                width: 12.5%;
            }

            .steps9 li {
                width: 11.11111111111111%;
            }

            .steps10 li {
                width: 10%;
            }

            .progressbar li {
                list-style-type: none;
                font-size: 15px;
                float: right;
                position: relative;
                font-weight: 400
            }

         /*   .progressbar .account:before {
                font-family: FontAwesome;
                content: "\f13e"
            }

            .progressbar .personal:before {
                font-family: FontAwesome;
                content: "\f007"
            }

            .progressbar .payment:before {
                font-family: FontAwesome;
                content: "\f030"
            }

            .progressbar .eeee:before {
                font-family: FontAwesome;
                content: "\f642"
            }

            .progressbar .confirm:before {
                font-family: FontAwesome;
                content: "\f00c"
            }*/
            .progressbar strong {
                width: 100%;
                float: right;
                text-align: center;
                margin: 5px 0px;
                font-size: 12px;
            }
            .progressbar .active span {
                background-color: #316a5b;
            }
            .progressbar span {
                color: #fff;
                width: 50px;
                height: 50px;
                border-radius: 60px;
                background-color: #b1b3b3;
                display: block;
                margin: auto;
                padding-top: 12px;
            }
                .progressbar span svg {
                    font-size: 23px !important;
                    display: block;
                    margin: auto;
                }
            .progressbar li:before {
                width: 50px;
                height: 50px;
                line-height: 45px;
                display: block;
                font-size: 20px;
                color: #ffffff;
                background: lightgray;
                border-radius: 50%;
                margin: 0 auto 10px auto;
                padding: 2px
            }

            .progressbar li:after {
                content: '';
                width: 100%;
                height: 2px;
                background: #b1b3b3;
                position: absolute;
                left: 0;
                top: 25px;
                z-index: -1
            }

            .progressbar li.active:before,
            .progressbar li.active:after {
                background: #316a5b;
            }

            .progress {
                height: 20px
            }

            .progress-bar {
                background-color: #316a5b;
            }

            .fit-image {
                width: 100%;
                object-fit: cover
            }